100vh, it sticks out vertically.
I had set the canvas size to 100vh - var(--toolbar-height), but when viewed on an iPhone, it was too long vertically, causing the toolbar to be hidden by scrolling.
100vh seems to be the length including the height of the address bar
The difference between 100% and 100vh - Nadezda Govorin🖥
Address bar is hidden when scrolling
If the app doesn't scroll, the bottom of the page gets cut off when it's set to 100vh.
The solution is to add height: 100% to all of them. and adding height: 100% to all of them solves the problem.
I also added user-scalable=no, but I'm not sure if this is required.
pRegroup-done-2019
---
This page is auto-translated from /nishio/100vhだと縦にはみ出す. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at @nishio_en. I'm very happy to spread my thought to non-Japanese readers.